<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    {% block head %}
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" />
    <link rel="stylesheet" href="{{ uri.absPath('css/bootstrap.min.css') }}" />
    <link rel="stylesheet" href="{{ uri.absPath('css/shopkeep.css') }}" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/jquery-ui.min.js"></script>
    <title>{% block title %}{% endblock %} - Shopkeep</title>
    {% endblock %}
  </head>
  <body>
<div class="navbar navbar-inverse">
  <div class="navbar-inner">
    <div class="container-fluid">
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
      <a class="brand" href="#" name="top">Shopkeep</a>
      <div class="nav-collapse collapse">
        <ul class="nav">
          <li class="span12"><a href="/"><i class="icon-home icon-white"></i> Home</a></li>
          <li class="divider-vertical"></li>
        </ul>
      </div>
      <!--/.nav-collapse -->
      {% if user -%}
      <a class="brand" href="{{ logout_url }}"><i class="icon-off icon-white"></i> Logout</a>
      {%- else -%}
      <a class="brand" href="{{ login_url }}"><i class="icon-off icon-white"></i> Login</a>
      {%- endif %}
    </div>
    <!--/.container-fluid -->
  </div>
  <!--/.navbar-inner -->
</div>
<!--/.navbar -->
      <div id="content">{% block content %}{% endblock %}</div>
      <div id="footer">
          {% block footer %}
          &copy; Copyright 2013 by <a href="http://domain.invalid/">Shopkeep</a>.
          {% endblock %}
      </div>
  </body>
</html>
